<template>
  <div class="material-list">
    <el-tabs v-model="val">
      <el-tab-pane label="审核中" name="1">
        <under-review />
      </el-tab-pane>
      <el-tab-pane label="待排程" name="2">
        <to-be-scheduled />
      </el-tab-pane>
      <el-tab-pane label="已排程" name="3">
        <scheduled />
      </el-tab-pane>
      <el-tab-pane label="已完工" name="4">
        <completed />
      </el-tab-pane>
      <el-tab-pane label="已作废" name="5">
        <voided />
      </el-tab-pane>
    </el-tabs>
  </div>
</template>

<script>
import underReview from "./components/under-review.vue";
import toBeScheduled from "./components/to-be-scheduled.vue";
import scheduled from "./components/scheduled.vue";
import completed from "./components/completed.vue";
import voided from "./components/voided.vue";

export default {
  name: "MaterialList",
  components: {
    underReview,
    toBeScheduled,
    scheduled,
    completed,
    voided,
  },
  props: {},
  data() {
    return {
      val: "1",
    };
  },
  filters: {},
  computed: {},
  watch: {},
  created() {},
  mounted() {},
  beforeDestroy() {},
  methods: {},
};
</script>

<style scoped lang="scss">
.material-list {
  padding: 20px;
  ::v-deep {
    .title {
      font-size: 16px;
      color: #101010;
      margin: 20px 0;
    }
  }
}
</style>
